<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>供求信息列表</title>
    <link href="fonts/iconfont.css" rel="stylesheet"/>
    <link href="css/bass.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>
</head>
<body>
	<div>
        <header>
            <div class="header">
                <h1>供求市场</h1>
                <a href="index.html" class="return"><i class="icon-16"></i></a>
            </div>
        </header>   
        <div style="height: 2.5rem;"></div>
    </div>
	<!-- 供求信息管理页 supply-->
	<div class="supply-header">
		<div class="contact-search">
        	<i class="icon-uniE90F"></i>
        	<input type="search" placeholder="搜索">
         </div>
		<ul id="tab_btn" class="supply-tab">
			<li class="pick">供应市场</li>
			<li>求购市场</li>
		</ul>
	</div>
	<ul>
		<li class="tab_content show">
			<ul class="vconlist supply">
				<li>
					<a href="userPu-3.html" class="commentUser">
						<div class="user-img">
							<img src="images/ts1.jpg">
						</div>
						<span>
							安琪拉
							<div class="cir-iox">
								<i class="i-grade icon-vip0"></i>
								<i class="i-sex i-sexGirl icon-uniE917"></i>
							</div>
						</span>
						<span class="issue-time fr">05-03&nbsp;17:00</span>
					</a>
					<div class="supply-contentText">
						<p><a href="supplyDetails.html">本公司有10吨新鲜黑美人西瓜出售，产库在佛山南海区狮山镇，需要的朋友请联系我。</a></p>
						<p class="browse-p">
							<a href="javascript:;"><i class="icon-uniE930"></i>30</a>
							<span class="fr">18评论</span>
							<span class="browse-span fr">154浏览</span>
						</p>
					</div>
					<i class="icon_gq"></i>
				</li>
				<li>
					<a href="userPu-3.html" class="commentUser">
						<div class="user-img">
							<img src="images/ts4.jpg">
						</div>
						<span>
							碧琳
							<div class="cir-iox">
								<i class="i-grade icon-vip4"></i>
								<i class="i-sex i-sexGirl icon-uniE917"></i>
							</div>
						</span>
						<span class="issue-time fr">05-03&nbsp;17:00</span>
					</a>
					<div class="supply-contentText">
						<p>新鲜大白菜，300斤起批，有机无农药残留，随时恭候大驾光临。哈哈</p>
						<p class="browse-p">
							<a href="javascript:;"><i class="icon-uniE930"></i>88</a>
							<span class="fr">93评论</span>
							<span class="browse-span fr">134浏览</span>
						</p>
					</div>
					<i class="icon_gq icon_q"></i>
				</li>
				<li>
					<a href="userPu-3.html" class="commentUser">
						<div class="user-img">
							<img src="images/ts6.jpg">
						</div>
						<span>
							陈长荣
							<div class="cir-iox">
								<i class="i-grade icon-vip5"></i>
								<i class="i-sex icon-uniE918"></i>
							</div>
						</span>
						<span class="issue-time fr">05-03&nbsp;17:00</span>
					</a>
					<div class="supply-contentText">
						<p>本人农庄有3池塘草鱼代售，单条足3斤，肉质鲜嫩，需要的老板请联系我。</p>
						<p class="browse-p">
							<a href="javascript:;"><i class="icon-uniE930"></i>12</a>
							<span class="fr">45评论</span>
							<span class="browse-span fr">153浏览</span>
						</p>
					</div>
					<i class="icon_gq"></i>
				</li>
			</ul>
		</li>
		<li class="tab_content">
			<ul class="vconlist supply">
				<li>
					<a href="userPu-3.html" class="commentUser">
						<div class="user-img">
							<img src="images/ts3.jpg">
						</div>
						<span>
							白百何
							<div class="cir-iox">
								<i class="i-grade icon-vip3"></i>
								<i class="i-sex i-sexGirl icon-uniE917"></i>
							</div>
						</span>
						<span class="issue-time fr">05-03&nbsp;17:00</span>
					</a>
					<div class="supply-contentText">
						<p>急需100斤天山雪莲，有货的好人告诉我呦....感激中....</p>
						<p class="browse-p">
							<a href="javascript:;"><i class="icon-uniE930"></i>0</a>
							<span class="fr">18评论</span>
							<span class="browse-span fr">154浏览</span>
						</p>
					</div>
					<i class="icon_gq"></i>
				</li>
				<li>
					<a href="userPu-3.html" class="commentUser">
						<div class="user-img">
							<img src="images/ts5.jpg">
						</div>
						<span>
							陈小春
							<div class="cir-iox">
								<i class="i-grade icon-vip6"></i>
								<i class="i-sex icon-uniE918"></i>
							</div>
						</span>
						<span class="issue-time fr">05-03&nbsp;17:00</span>
					</a>
					<div class="supply-contentText">
						<p>我老婆待产期，需要一批有机蔬菜，有好货的老板请联系我。</p>
						<p class="browse-p">
							<a href="javascript:;"><i class="icon-uniE930"></i>0</a>
							<span class="fr">18评论</span>
							<span class="browse-span fr">154浏览</span>
						</p>
					</div>
					<i class="icon_gq icon_q"></i>
				</li>
			</ul>
		</li>
	</ul>
	<a href="addpurinfo.html" class="compile-btn supply-btn-issue">
		<i class="icon-uniE93E"></i>
	</a>
    <!-- 引入js资源 -->
    <script type="text/javascript">
	    //TAB切换
	    var tab_Btns_box=document.getElementById('tab_btn');
	    var tab_Btns=tab_Btns_box.getElementsByTagName('li');
	    var tab_contents=document.getElementsByClassName('tab_content');
	    for(var i=0;i<tab_Btns.length;i++){
	    tab_Btns[i].index=i;

	    tab_Btns[i].onclick=function(){
	     for(var i=0;i<tab_Btns.length;i++){
	     if(i!==this.index){
	     tab_Btns[i].classList.remove('pick')
	     }
	     }
	     tab_Btns[this.index].className="pick";

	     for(var j=0;j<tab_contents.length;j++){
	     if(j!==this.index){
	         tab_contents[j].classList.remove('show');
	     }
	         tab_contents[this.index].classList.add('show');
	     }
	    }
	    }
    </script>
</body>
</html>